<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>${titles}</title>
<link href="css/global.css" rel="stylesheet" type="text/css" media="all">
<link href="css/category.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<link href="css/galleryview/jquery.galleryview-3.0.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/tools.js"></script>
<script type="text/javascript" src="js/ajax-cart.js"></script>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="js/jquery.galleryview-3.0.min.js"></script>
<script type="text/javascript" src="js/jquery.timers-1.2.js"></script>
		<script type="text/javascript">
            function submit_search() {
            	if($.trim(document.getElementById('search_query_top').value)!=''){
            		$('#searchbox').submit();
            		return true;
            	}
            	else{
            		alert('Vui lòng nhập từ khóa !');
            		return false;
            	}
            }
        </script>
</head>
<body id="index">
<div id="wrapper1">
	<div id="wrapper2">
		<div id="wrapper3">
			<div id="wrapper4">
				<!-- Header -->
				<div id="header">
					<a id="header_logo" href='<s:url action="index"/>' title="Shoes">Shoes</a>
					<div id="header_right">
						<!-- Block search module TOP -->
						<div id="search_block_top">
							<form method="get" action="<s:url action="search"/>" id="searchbox" onsubmit="return submit_search();">
								<input class="search_query" type="text" id="search_query_top" name="search_query" value="<s:property value="search_query"/>">
								<a id="search_button" href="javascript:;" onclick="javascript:$('#submit_button').click();">Tìm kiếm</a>
								<input type="submit" id="submit_button" style="visibility: hidden;" />
							</form>
						</div>
						<script type="text/javascript">
							$('#search_button').css('opacity', 1);
							$('#search_button').hover(function(){
								$(this).css('opacity', 0.6);
							}, function(){
								$(this).css('opacity', 1);
							});
						</script>
						<!-- /Block search module TOP -->
						<ul id="header_links">
							<li><a href="<s:url action="index"/>" <s:if test="titles=='Trang Chủ'"> class="active" </s:if>>Trang Chủ</a></li>
							<li><a href="<s:url action="contact"/>" <s:if test="titles=='Liên Hệ'"> class="active" </s:if>>Liên Hệ</a></li>
							<li><a href="<s:url action="aboutus"/>"<s:if test="titles=='Về Chúng Tôi'"> class="active" </s:if>>Về Chúng Tôi</a></li>
						</ul>
						<!-- /Block permanent links module --><!-- Block user information module HEADER -->
						<div id="header_user">
							<ul>
								<li id="header_user_info">
									Cửa hàng, <a href="<s:url action="index"/>">SHOESHOP</a>
								</li>
								<li id="shopping_cart">
									<a href="<s:url action="checkout"/>">Xem Giỏ Hàng</a>
								</li>
								<li id="your_account"><a href="<s:url action="login"/>">Quản Lý</a></li>
							</ul>
						</div>
						<!-- /Block user information module HEADER -->
					</div>
				</div>
				<div id="columns">